.banner{
    width: 100%;
    position: absolute;
    z-index: 1;
    swiper{
        width: 100%;
        swiper-item{
           .banner-image{
                width:100%;
                height:400rpx ;
            }
            .play{
                width: 80rpx;
                height: 80rpx;
                position: absolute;
                z-index: 999;
                top:50%;
                left: 50%;
                transform:translate(-50%,-50%);
            }
        }
    }
}

.content{
     display: flex;
     width: 100%;
     height: 400rpx;
     justify-content: space-evenly;
     flex-wrap: wrap;
    .content-item{
      width: 32%;
      height: 180rpx;
      background-color: chartreuse;
        .img-area{
            width: 100%;
            image{
             height: 200rpx;
            }
        }
        .title{
            margin-top: 20rpx;
           width: 100%;
           height: 50rpx;
        }
        .score-area{
            margin-top: 20rpx;
            display: flex;
            
            .score-right{
                height: 20rpx;
            }
        }
    }
}